import Vue from 'vue'
import App from './App.vue'
import router from './router'
// 设置加载动画loading
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import '@/assets/css/global.css'
import '@/assets/iconfont/iconfont.css'


//导入md5.js
import MD5 from "js-md5"
// 导入AES加密工具
import Crypto from "@/utils/encryp.js";
// 这样就可以在所有Vue文件中，通过$request来访问axios实例了
import request from "@/utils/request";
// 定义全局加载方法
Vue.prototype.openLoading = function () {
    const loading = this.$loading({           // 声明一个loading对象
        lock: true,                             // 是否锁屏
        text: '加载中',                         // 加载动画的文字
        spinner: 'el-icon-loading',             // 引入的loading图标
        background: 'rgba(0, 0, 0, 0.5)',       // 背景颜色
        target: '.el-table, .table-flex, .region',       // **需要遮罩的区域，这里写要添加loading的选择器**
        fullscreen: false,
        customClass: 'loadingclass'             // **遮罩层新增类名，如果需要修改loading的样式**
    })
    setTimeout(function () {                  // 设定定时器，超时5S后自动关闭遮罩层，避免请求失败时，遮罩层一直存在的问题
        loading.close();                        // 关闭遮罩层
    }, 5000)
    return loading;
}

// import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
//
// Vue.component(CollapseTransition.name, CollapseTransition)
//将md5转换成vue原型：
Vue.prototype.$md5 = MD5

Vue.prototype.$crypto = Crypto//  全局挂载


// //导入md5.js
// import MD5 from "js-md5"
// //将md5转换成vue原型：
// Vue.prototype.md5 = MD5


Vue.config.productionTip = false

Vue.prototype.$request = request //全局挂载

Vue.prototype.$baseUrl = process.env.VUE_APP_BASEURL


Vue.use(ElementUI, {size: 'small'});


new Vue({
    router,
    render: h => h(App)
}).$mount('#app')


